// 获取页面元素
const btn_login = document.querySelector('#btn-login')
const form = document.querySelector('form')

// 注册点击事件
btn_login.addEventListener('click', function () {
    // 获取表单数据
    const data = serialize(form, { hasf: true })

    // 非空判断

    if (!data.username || data.username.trim() === '') return tip('用户名不能为空')

    if (!data.password || data.password.trim() === '') return tip('密码不能为空')

    // 检验规则
    else if (data.username.length < 2 || data.username.length > 30) return tip('用户名的长度不能小于2位或者大于30位')

    else if (data.password.length < 6 || data.password.length > 30) return tip('密码的长度不能小于6位或者大于30位')

    // 通过ajax请求提交数据
    axios.post('/login', data)
        .then(({ status, data: { data: { token, username }, message } }) => {
            if (status === 200) {
                tip(message + '，即将跳转页面')
                localStorage.setItem('token', token)
                localStorage.setItem('username', username)
                setTimeout(() => location.href = '/index.html', 2000)
            }
        })
        .catch(() => {
            tip('账号或者密码输入错误！')
        })
})

// 回车确认功能(纯粹为了舒服)
document.querySelector('#input-password').addEventListener('keyup', function (e) {
    if (e.key === 'Enter') btn_login.click()
})